// cover some element-ui styles

$background:#0DC2B3;
//导航
$backgroundColor:#f58f98;
//导航文字颜色
$navFontColor:#fff;
//hover状态
$navHoverColor:#C4727A;
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}
//按钮颜色
.el-button--primary{
  background-color: $background;
  color: #fff;
  border-color: $background;
  border-radius: 2px;
}
.el-button--primary:hover{
  background-color: $background;
  opacity: 0.8;
  border-color: $background;
}
.el-button--primary.is-active, .el-button--primary:active{
  background-color: $background;
  color: #fff;
  border-color: $background;
  border-radius: 2px;
}
.el-dialog__header{
  background-color: $background;

  text-align: left;
  .el-dialog__title{
    color:#fff;
  }

}
.el-dialog{
  border-radius: 10px;
  background: #fff;
  position: relative;
  border: 2px solid $background;
}
.el-input__inner{
  border: 1px solid #999;
}
.el-tag.el-tag--success{
  background-color: #EDFCFB;
  border-color: #EDFCFB;
  color: $background;
}
// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
  color: $background;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: $background;
  border-color: $background;
}
.el-input__inner{
  height: 38px;
  line-height: 38px;
}
.el-radio__input.is-checked .el-radio__inner{
  border-color: $backgroundColor;
  background: $backgroundColor;
}

.el-radio__input.is-checked+.el-radio__label{
  color: $backgroundColor;
}
.el-radio__inner:hover{
  border-color: $backgroundColor;
}
.el-date-table td.today span{
  color: $backgroundColor;
}
.el-form-item__label{
  color: #333;
  font-weight: 500;
}
.el-form-item{
  margin-bottom: 15px;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color:$backgroundColor;
  border-color: $backgroundColor;
}
.el-checkbox__input.is-checked + .el-checkbox__label{
  color: $backgroundColor;
}
.el-button--primary:hover{
  background-color: $backgroundColor;
  border-color: $backgroundColor;
  opacity: 0.8;
}
.el-button--primary{
  color: #FFF;
  background-color: $backgroundColor;
  border-color: $backgroundColor;
}
.el-select-dropdown__item.selected{
  color: $backgroundColor;
  font-weight: 700;
}
.el-tabs__item:hover{
  color: $backgroundColor;
  cursor: pointer;
}
.el-tabs__item.is-active{
  color: $backgroundColor;
}
.el-tabs__active-bar{
  background-color: $backgroundColor;
}
.el-tabs__nav-wrap::after{
  background-color: #fff;
}
